*{
		box-sizing: border-box;
		font-family: "微软雅黑", "宋体", sans-serif;
   		margin: 0;
    	padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    	user-select: none;
    	border-collapse: collapse;
    	text-decoration: none;
    	outline: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    	color: #555;
	}
	html,body,.pusher-wrap{
		width: 100%;
		height:100%;
		margin:0px;
		font-size: 1.0em;
		padding: 0px;
		/*overflow: hidden;*/
	}

	#header {
	    width: 100%;
	    height: 60px;
	    padding: 10px 0;
	    border-bottom: 1px solid #ddd;
	    -webkit-box-shadow: 0 3px 2px -2px rgba(200,200,200,.2);
	    -moz-box-shadow: 0 3px 2px -2px rgba(200,200,200,.2);
	    box-shadow: 0 3px 2px -2px rgba(200,200,200,.2);
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	#header .left {
	    float: left;
	    height: 100%;
	}

	#header .left img {
	    height: 100%;
	}

	#header .right {
	    float: right;
	    height: 100%;
	}

	#header .menu.item{
	    height: 100%;
	    display: inline;
	    line-height: 40px;
	    cursor: pointer;
	    margin: 0 10px;
	    position: relative;
	    -webkit-transition: all 0.3s ease;
	    -moz-transition: all 0.3s ease;
	    -ms-transition: all 0.3s ease;
	    -o-transition: all 0.3s ease;
	    transition: all 0.3s ease;
	}

	#header .menu.item:hover {
	    color: #2c9af8;
	}

	.pusher{
		position: relative;
		min-height: 100%;
		padding: 60px 0px;
	}

	/** 开始样式重写 **/
	#header .ui.pointing.dropdown > .menu {
	    top: 38px;
	}

	#header .ui.dropdown .menu > .item {
	    text-align: center;
	}

	#header .ui.dropdown .menu > .divider {
	    margin: 0;
	}

	#header .ui.dropdown .menu {
	    left: auto;
	    right: -5px;
	}

	#header .ui.pointing.dropdown > .menu:after {
	    left: auto;
	    right: 5px;
	}
	/** 结束样式重写 **/

	.container {
	    height: 100%;
	}

	.row{
	    margin-top: 20px;
	    padding: 0 4px;
	}

	#book {
	    width: 100%;
	    display: table;
	}

	.book.title{
	    font-size: 42px;
	    font-weight: 500;
	    margin: 0 0 10px 0;
	}

	.book.description{
	    font-size: 16px;
	    font-weight: 300;
	    line-height: 1.5;
	    letter-spacing: 1px;
	}

	.ui.menu a>span{
		color:#1b1c1d;
		letter-spacing:0em;
		padding: 0.15em 0.25em;
		margin:0em 0.15em; 
	}

	/** 开始样式重写 **/
	#container .ui.menu {
	    margin: 20px 0 30px 0;
	}
	/** 结束样式重写 **/

	/*.pusher .book{
		background: #f5f5f5!important;
		box-shadow: none!important;
		letter-spacing: 2px;
		padding-bottom: 0px!important;
		border-left:0px!important;
		border-right:0px!important;   
	}

	.book-name,.book-description{
		margin:8px 0px;
	}
	.pusher .book .book-name h1,.book-description h3{
		color: #333!important;
		text-align: left!important;
		font-weight: 400!important;
	}
	.book-description h3 a{
		color: #333!important;
	}
	.book-description h3 a:hover{
		color: inherit;
		text-decoration: underline;
	}
	.book .menu{
		border-bottom:none!important;
		margin-top:22px;
	}
	.book .menu .item{
		padding: 1.9em 1.5em !important;
	}
	.book .menu a{
		font-size: 13px!important;
		font-weight: 500!important;
		color: #8d8d8a!important;
		text-transform: uppercase!important;
	}
	.book .menu a>span{
		background: #21BA45;
		color:white;
		letter-spacing:0em;
		border:solid #21BA45 1px;
		border-radius:0.4em;
		padding: 0.15em 0.25em;
	}
	.book .menu .active{
		border-color: #21BA45!important;
	}

*/
	.ui.comments{
		max-width: 100%;
		font-family: Georgia, serif;
	}

	.ui .comments .comment{
		margin-left: 4.5em;
		border-bottom: 1px solid #e5e9ef;
		padding-bottom: 1em;
	}
	.ui .comments .comment .actions span{
		color: #aaa;
		margin-right: 2em;
		font-size: 1em;
	}

	.ui .comments .comment .actions .metadata{
		margin-right: 3em;
		font-size: 0.8em; 
	}
	.ui.comments .comment .avatar{
		position: absolute;
		width: 3em;
		left: -4.5em;
	}

	.ui.comments .comment .avatar img{
		border-radius: 3em;
	}

	.ui.comments .comment .comments{
		margin-left: 0em;
		padding-left: 0em;
		padding-bottom:0em;
		margin-bottom: 0em;
	}

	.ui.comments .comment>.avatar~.content{
		margin-left: 0em;
		padding-right: 6em;
	}

	.ui.comments .comment .content .author{
		font-weight: bold;
    	color: #6d757a;
    	font-size:14px;
	}

	.content .revert{
		color: #99a2aa;
		margin:0em 1em;
		font-size: 0.8em;
	}

	.content .reply{
		border-radius: 4px;
    	padding: 0.3em 0.5em;
	}

	.content .reply,.content a{
		transition:all .2s;
        -moz-transition:all .5s; /* Firefox 4 */
        -webkit-transition:all .5s; /* Safari and Chrome */
        -o-transition:all .5s; /* Opera */
	}

	.content a:hover{
		color: #429be1!important;
	}
	.content .reply:hover{
		background: #CCE2FF;
	}

	.ui.comments .comment .text{
		margin-top: 0.5em;
		font-size: 15px;
		line-height:20px;
	}

	.content .comment-text{
		margin-top: 0.5em;
		font-size: 14px;
		line-height:24px;
		margin-left: 3em;
		margin-bottom: 1em;
	}
	.ui.comments .comment .comments .comment{
		padding-left: 0em;
		padding-bottom: 0em;
	}

	.ui.comments .comment .comments .comment .avatar{
		width: 2em;
	}

	.form-comment{
		margin-top: 1em;
		display: none;
	}
	.form-comment div{
		width: 100%;
	}

	.cancel{
		color:#429be1;
		background:#CCE2FF;
		padding:0.3em 0.5em;
		border-radius:0.5em;
	}

	.ui .form{
		padding-left: 4.5em;
    	padding-right: 6em;
	}
	.ui.form textarea{
		height:8em!important;
	}


	.left-img{
		padding-left:0px; 
		padding-right:12px; 
		padding-top:36px; 
		padding-bottom:36px;
		width:4.5em;
		height:100%;
		position: absolute; 
		left:0px;
	}

	.left-img img{
		width:60px; 
		height:60px; 
		border-radius: 60px; 
	}

	.btn-submit{
		padding:30px 12px;
		width:6em;
		height:100%;
		position: absolute; 
		bottom:0px; 
		right:0px; 
		cursor: pointer;
	}
	.btn-submit>i.icon{
		font-size:48px;
		line-height: 72px;
   		background: #429be1;
    	color: white;
    	width: 72px;
    	height: 72px;
    	border-radius: 72px;
    	transition:all .5s;
        -moz-transition:all .5s; /* Firefox 4 */
        -webkit-transition:all .5s; /* Safari and Chrome */
        -o-transition:all .5s; /* Opera */
	}

	.btn-submit>i.icon:hover{
		background: white;
    	color: #429be1;
	}


	.footer{
		position: absolute!important;
    	bottom: 0px;
    	width: 100%;
    	height:60px;
    	margin: 0px!important;
    	background: #fff!important;
    	color: #999!important;
	}
	.footer .container{
		height:60px;
		border-top: 2px solid #f5f5f5;
	}
	.footer .container .grid{
		height: inherit;
		margin: 0px;
	}

	.footer .footer-item{
		position: relative;
		list-style-type: none;
		margin:0px;
		padding:0px;
		overflow: hidden;
	}

	.footer .footer-item>li{
		display: list-item;
		float: left;
	}

	.footer .footer-item>li>a{
		font-size: 13px;
	    display: inline-block;
	    color: #999;
	    letter-spacing: .2px;
	    line-height: 30px;
	    padding:0 1em; 
	    cursor: pointer;
	}
	.footer .footer-item>li>a:hover{
		text-decoration: underline;
	}


